// 1、饼图
function pieChart() {
    let myChart = echarts.init($('.pie')[0]);//$('')是jQuery对象，加0转化为DOM对象。
    let option = {
        series: [
            {
                name: '学生籍贯',
                type: 'pie',//表示是饼图，line表示是折线图
                radius: ['10%', '60%'],//半径
                center: ['50%', '50%'],//圆心点坐标
                roseType: 'area',
                //怎样表示数据，可选值有area和radius
                // area使用半径的长短表示数据的大小,每个扇形的圆心是相同的
                // radius，使用半径的长短表示数据的大小，每个扇形的圆心角表示百分比
                // itemStyle 每一项的样式
                itemStyle: {
                    borderRadius: 4
                },
                data: [
                    { value: 40, name: '河北省' },
                    { value: 38, name: '山东省' },
                    { value: 32, name: '山西省' },
                    { value: 30, name: '辽宁省' },
                    { value: 28, name: '内蒙古' },
                    { value: 26, name: '黑龙江' },
                    { value: 22, name: '吉林省' },
                    { value: 18, name: '河南省' }
                ]
            }
        ]
    };
    myChart.setOption(option)
}

pieChart()

// 2、折线图

// 3、柱状图

// 4、地图